<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
  
  <link rel="stylesheet" type="text/css" href="css/style.css" media="screen,projection" />
  
  <script type="text/javascript" src="js/jquery.js"></script>
  <title>CommandBrain-создание и поддержка сайтов.</title>
</head>
<body>
<div id="wrap">
	<div id="header">
		<!--<h1><a href="#">template</a></h1>-->
		
	</div>
	<div id="leftside">
		<h2 class="hide">Site menu:</h2>
		<div id="menu3">
			<ul>
				<li><a id="page_main" href="index.html" title="Главная">Главная</a></li>
				<li><a id="page_contacts" href="page_contacts.html" title="Контакты">Контакты</a></li>
				<li><a id="page_about" href="page_about.html" title="О нас">О нас</a></li>
			
			</ul>
		</div>
		
	</div>
    <div id="content">
        <script>
		$(document).ready(function(){
		
			$('#myForm').submit(function(){
				$.ajax({
					type: "POST",
					url: "php/form_mes.php",
					data: ({"fname":$("#fname").val(),
                                            "lname":$("#lname").val(),
                                            "email":$("#email").val(),
                                            "message":$("#message").val()}),
					success: function(data){
					       var pos = data.indexOf("<!");
                                               var str = data.substr(0, pos);
                                              if(str=="true")
                                                  $("#form_answer").html("<p>Сообщение отправлено!</p>");
                                              else
                                                  if(str=="false")
                                                    $("#form_answer").html("<p>Сообщение не отправлено!</p>");
                                                  else
                                                      $("#form_answer").html("<p>Сообщение не отправлено!</p><p> Заполните обязательные поля</p>");
				   }
				   
				});
				return false;
			});
			
		});
	</script>
        <p id="form_title">Форма обратной связи</p>
    	<form id="myForm" method="post" action="php/form_mes.php">
           <table id="table_contact">
		<tr>	<td><label class="lform" for="fname">Имя:</label></td>
			<td><input id="fname" type="text" name="fname" placeholder="Ваше имя" required></td>
			</tr>
		<tr>	<td><label class="lform" for="lname">Фамилия:</label></td>
			<td><input id="lname" type="text" name="lname" placeholder="Ваша фамилия" required></td>
			</tr>
		<tr>	<td><label class="lform" for="email">Эл. почта:</label></td>
			<td><input id="email" type="email" name="email" required></td>
			</tr>
		<tr>	<td><label class="lform" for="message">Сообщение:</label></td>
    		        <td><input id="message" name="message" type="text" placeholder="Текст сообщения ... " required></td>
    		        </tr>
		<tr>	<td><input id="btn" type="submit" value="Отправить" ></td>
                        <td><div id="form_answer"></div></td></tr>
           </table>
        </form>
	</div>
	
	<div id="footer">
		<p>Copyright &copy; commandbrain </p>
	</div>
</div>
    
</body>
</html>

